<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@include file="/commons/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<div class="container-fluid">
	<div class="row-fluid">
		<div class="col-md-12 column textalignCenter" style="margin: 5px 0px 10px 0px ; ">
			<h3 id="header"></h3>
		</div>
	</div>

	<div class="boxcq clearfix">
		<div style="height: 37px; border-bottom: 1px solid #ddd;">
			<div class="ti"><i class="fa fa-line-chart" aria-hidden="true"></i><span class="titleMod1"></span></div>
		</div>
		<div class="clearfix"></div>
			<div id="hospQuota" class="row-fluid clearfix">
				<div class="col-md-4 column padding10 paddingbottom5">
					<div id="caseCnt" class="infocq"> 
						<div class="tii margind10 blue-bg">
							<span class="title28">病例数</span>
						</div>
						<div class="ci">
						</div>
					</div>
				</div>
				<div class="col-md-4 column padding10 paddingbottom5">
					<div id="drgFeeEff" class="infocq"> 
						<div class="tii margind10 green-bg">
							<span class="title28">病组费用效率</span>
						</div>
						<div class="ci">
						</div>
					</div>
				</div>
				<div class="col-md-4 column padding10 paddingbottom5">
					<div id="caseCost" class="infocq">
						<div class="tii margind10 red-bg">
							<span class="title28">病例费用</span>
						</div>
						<div id="caseFee" class="ci">
							<div class="row-fluid clearfix contotalcq2">
								<div class="col-md-6">最小值</div>
								<div class="col-md-6">
									<span class="number"
										style="text-align: right;padding-right: 10px;"></span>
								</div>
							</div>
							<div class="row-fluid clearfix contotalcq2">
								<div class="col-md-6">中位数</div>
								<div class="col-md-6">
									<span class="number"
										style="text-align: right;padding-right: 10px;"></span>
								</div>
							</div>
							<div class="row-fluid clearfix contotalcq2">
								<div class="col-md-6">最大值</div>
								<div class="col-md-6">
									<span class="number"
										style="text-align: right;padding-right: 10px;"></span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
	</div>


		<!-- 病例费用构成及对比 -->
		<div class="boxcq clearfix" style="margin-top: 10px">
			<div style="height: 37px; border-bottom: 1px solid #ddd;">
				<div class="ti"><i class="fa fa-pie-chart" aria-hidden="true"></i>病例费用构成及对比</div>
			</div>
			<div class="clearfix"></div>
			<div class="col-md-12 column padding10">
				<div class="row-fluid clearfix">
					<div id="drgAvgFeeEch" class="col-md-6 column height300">
					</div>
					<div id="drgFeeEch" class="col-md-6 column height300">
					</div>
				</div>
				<div class="row-fluid clearfix">
					<div class="col-md-12 column margintop30">
						<table id="avgFeeAndFeeTab" class="table table-hover">
							<caption></caption>
							<thead></thead>
							<tbody></tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
		
		<!-- 病例分布特征 -->
		<div class="row rowhcq" style="margin-top: 10px">
		<div class="col-md-12">
			<div class="boxcq clearfix">
				<div style="height: 37px; border-bottom: 1px solid #ddd;">
					<div class="ti"><i class="fa fa-bar-chart" aria-hidden="true"></i><span>病例分布特征</span>
					</div>
					<div class="btn-group navbar-right navbtncq " id="caseDistriParamNav">
						<div id="caseDistriParamButton"  style="margin:2px;" class="btn-clickable" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">正态分布曲线参数调整</div>
  						<div class="dropdown-menu searchcq" id="caseDistriParamDiv">
							<div class="caseDistriParamType">
                                <div style="min-width: 90px;float: left;color: #b1b1b1;">参数(住院费用均值、标准差)：</div>
									<div class="ci atag">
										<a class="active" data-value="H">历史值</a>
										<a data-value="M">截至本期累计值</a>
										<a data-value="T">本期</a>
									</div>
								</div>
                            <div class="caseDistriParamInterval">
                                <div style="min-width: 90px;float: left;color: #b1b1b1;">区间个数：</div>
                                <div class="ci atag" style="height:23px;">
                                	<a class="active" data-value="10">10</a>
                                	<a data-value="20">20</a>
                                	<a data-type='intervalCustom' data-value="10">自定义</a>
                                	<div id="intervalCustom" style="display:none"><input id="intervalCustomInput" style="width:40px;" value="10"></div>
                                </div>
                            </div>
                            <div class="b">
                            	<button class="search" onclick="findCaseDistributionFeature()"><i class="glyphicon glyphicon-search"></i>确定</button>
                            </div>
						</div>
					</div>
				</div>
				<div class="row-fluid clearfix padding10">
					<div  class="col-md-6 column">
						<div id="cumulativeDisEch"></div>
					</div>
					<div class="col-md-6 column">
						<div id="probabilityDisEch"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	   <!--  不同区间内病例费用构成及对比 -->
   <div class="boxcq clearfix">
		<div class="ti">不同区间内病例费用构成及对比</div>
		<ul class="nav nav-tabs boxnavcq" role="tablist" id="mdcallhosp-ul">
			<li role="presentation" class="active"><a
				href="#benchmarking" role="tab"
				data-toggle="tab">标杆法区间划分</a></li>
			<li role="presentation"><a
				href="#stdDeviation" role="tab"
				data-toggle="tab">标差法区间划分</a></li>
		</ul>
		<div class="clearfix"></div>
		<div id="caseCost" class="tab-content padding0">
			<!-- 标杆法区间划分 -->
			<div role="tabpanel" class="tab-pane active" id="benchmarking">
				<div class="infocq" style = "position: relative;">
					<div class="tii blue-bg">
						<span class="title28">病例区间划分</span>
						<div id="benchmarkParam" onclick="ajustBenchParam()" class="payGroupList" style="height: 33px;border:1px solid #fff;border-radius:3px;">参数调整</div>
					</div>
					<div style="clear: both;"></div>
					<!-- paramNorDistr -->
					<div id="benchmarkSlider" class="bg-info sliderBackgroud">
						<div class = "col-md-4 margintop10" >
							<label class="pull-right">超标比例系数(%):</label>
						</div>
						<div class = "col-md-8 margintop10">
							<input class="filterSlider pull-right" type="text"/>
						</div>
					</div>
					<div class="ci" style="width: 100%; z-index: 0; border: 1px solid #dd">
						<div class="row-fluid clearfix">
							<div id="benchCaseIntervalEch" class="col-md-5 column height300">
							</div>
							<div id="benchCaseInterval" class="col-md-7 column">
								<!-- <table id="benchCaseIntervalTab" class="table margintop30"><caption>病例区间分布表</caption></table> -->
							</div>
						</div>
					</div>
				</div>
				<div class="infocq margintop10">
					<div class="tii blue-bg">
						<span class="title28">不同区间内病例费用构成及对比</span>
					</div>
					<div class="clearfix"></div>
					<div class="ci" style="width: 100%; border: 1px solid #dd">
						<div class="row-fluid clearfix ">
								<!-- 病例次均费用对比图 -->
								<div id="avgFeeBenchEch" class="col-md-6 column height300">
								</div>
								<!-- 病例次均费用构成对比图 -->
								<div id="avgFeePortionBenchEch" class="col-md-6 column height300">
								</div>
						</div>
					</div>
					<div class="row-fluid clearfix">
						<div class="col-md-12 column padding10">
							<table id="feeCompareBench" class="table">
								<thead>
								</thead>
								<tbody>
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
			<!--标准差法区间划分  -->
			<div role="tabpanel" class="tab-pane" id="stdDeviation">
				<div class="infocq" style="position: relative;">
					<div class="tii blue-bg">
						<span class="title28">病例区间划分</span>
						<div id="stdDeviationParam" onclick="ajustBenchParam()"
							class="payGroupList" style="height: 33px;border:1px solid #fff;border-radius:3px;">参数调整</div>
					</div>
					<div style="clear: both;"></div>
					<div id="stdDeviationSlider" class="bg-info sliderBackgroud">
						<div class="col-md-4 margintop10">
							<label class="pull-right">标准差倍数:</label>
						</div>
						<div class="col-md-8 margintop10">
							<input class="filterSlider pull-right" type="text" />
						</div>
					</div>
					<div class="ci" style="width: 100%; border: 1px solid #dd">
						<div class="row-fluid clearfix">
							<div id="drgAvgFeeStdDevEch" class="col-md-5 column height300">
							</div>
							<div id="drgFeeStdDevEch" class="col-md-7 column height300 ">
								<!-- <table id="benchCaseIntervalDevTab" class="table margintop30"><caption></caption></table> -->
							</div>
						</div>
					</div>
				</div>
				<div class="infocq margintop10">
					<div class="tii">
						<span class="title28">不同区间内病例费用构成及对比</span>
					</div>
					<div class="ci" style="width: 100%; border: 1px solid #dd">
						<div class="row-fluid clearfix">
							<!-- 病例次均费用对比图 -->
							<div id="avgFeeStdDevEch" class="col-md-6 column height300">
							</div>
							<!-- 病例次均费用构成对比图 -->
							<div id="avgFeePortionStdDevEch"
								class="col-md-6 column height300"></div>
						</div>
					</div>
					<div class="row-fluid clearfix">
						<div class="col-md-12 column padding10">
							<table id="feeCompareStdDev" class="table">
								<caption>病例区间分布表</caption>
								<thead></thead>
								<tbody></tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
	
	
</body>
<script type="text/javascript" src="js/paygroup/paygroupCommon.js"></script>
<script type="text/javascript" src="js/paygroup/paygroupAnalysis_drg.js"></script>
</html>